<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="UTF-8" />
		<title>企业空间</title>
		<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common/Validform.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common/dsdialog.css" />
		<link rel="stylesheet" type="text/css" href="../../css/zyhpz/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/zjspz/index.css" />
		<script type="text/javascript" src="../../js/common/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../../js/common/Validform_v5.3.2_min.js"></script>
		<script type="text/javascript" src="../../js/zjspz/index.js"></script>
		<script type="text/javascript" src="../../js/common/table.js"></script>
		<script type="text/javascript" src="../../js/common/Modal.js"></script>
		<script type="text/javascript" src="../../js/common/dsdialog.js"></script>

		<!--[if IE 6]>
        <style type="text/css">
        @import "../../css/common/common_ie6.css";
        @import "../../css/zyhpz/index_ie6.css";
        </style>
        <script type="text/javascript" src="../../js/common/common_ie6.js"></script>
        <script type="text/javascript" src="../../js/zjspz/index_ie6.js"></script>
    <![endif]-->
	</head>

	<body>

		<div class="global_main">

			<!-- =========表格搜索部分开始=========== -->
			<div class="global_table_search">
				<div class="search_input global_left">
					<p class="s_button global_left">
						<button type="button" class="global_btn global_button" onclick="modal($(this),'新增角色','关闭','确定')" data-id="modal05">新增角色</button>
					</p>
					<p class="s_button global_left">
						<button type="button" class="global_button dele">删除</button>
					</p>
				</div>
				<div class="search_input global_right">
	                <p class="s_input global_left">
	                    <input type="text" class="global_input" placeholder="输入用户名或用户姓名" />
	                    <span>搜索</span>
	                </p>
	            </div>
			</div>
			<!-- =========表格搜索部分结束=========== -->

			<!-- =========表格部分开始============ -->
			<div class="global_table">
				<div class="head_bj global_btn">
				</div>
				<table>
					<thead>
						<tr>
							<th class="text-center"><input type="checkbox" />角色名称</th>
							<th class="text-center">状态</th>
							<th class="text-center">备注</th>
							<th class="text-center">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="text-center"><input type="checkbox" />角色1</td>
							<td class="text-center">禁用</td>
							<td class="text-center">财务子公司</td>
							<td class="text-center">
								<div class="caozuo">
	                                <p data-id="edit" onclick="modal($(this),'编辑用户信息')">
	                                    <i class="icon01 icon"></i>
	                                    <span>编辑用户信息</span>
	                                </p>
	                                <p data-id="reset" onclick="modal($(this),'查看应用系统')">
	                                    <i class="icon02 icon" ></i>
	                                    <span>查看应用系统</span>
	                                </p>
	                                <p data-id="distribution" onclick="modal($(this),'角色授权')">
	                                    <i class="icon03 icon"></i>
	                                    <span>角色授权</span>
	                                </p>
	                                <p data-id="state" onclick="modal($(this),'查看用户')">
	                                    <i class="icon04 icon"></i>
	                                    <span>查看用户</span>
	                                </p>
	                            </div>
							</td>
						</tr>
						<tr>
							<td class="text-center"><input type="checkbox" />角色2</td>
							<td class="text-center">启用</td>
							<td class="text-center">房地产公司</td>
							<td class="text-center">
								<div class="caozuo">
	                                <p data-id="edit" onclick="modal($(this),'编辑用户信息')">
	                                    <i class="icon01 icon"></i>
	                                    <span>编辑用户信息</span>
	                                </p>
	                                <p data-id="reset" onclick="modal($(this),'查看应用系统')">
	                                    <i class="icon02 icon" ></i>
	                                    <span>查看应用系统</span>
	                                </p>
	                                <p data-id="distribution" onclick="modal($(this),'角色授权')">
	                                    <i class="icon03 icon"></i>
	                                    <span>角色授权</span>
	                                </p>
	                                <p data-id="state" onclick="modal($(this),'查看用户')">
	                                    <i class="icon04 icon"></i>
	                                    <span>查看用户</span>
	                                </p>
	                            </div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!-- =========表格部分结束============ -->

			<!--模态框部分开始-->

			<!--第一部分编辑用户信息-->
			<form class="validate_form">
				<div class="modal_html" id="edit">
					<div class="modal_head">
						<span></span>
					</div>
					<div class="modal_body">
						<div class="modal_box">

							<div class="form_input">
								<p class="input_title">
									<span>角色名：</span>
								</p>
								<p class="modal_content1_right validate_box">
									<span class="validate_info">角色名</span>
									<input type="text" name="" id="" value="" class="global_input text" datatype="*" />
								</p>
							</div>
							<div class="form_input">
								<p class="input_title">
									<span>备注：</span>
								</p>
								<p class="modal_content1_right validate_box">
									<span class="validate_info">备注</span>
									<textarea class="global_textarea text1" datatype="*"></textarea>
								</p>
							</div>
						</div>

					</div>
					<div class="modal_footer">
						<div class="modal_btn">
							<button type="button" class="global_button cancel"></button>
							<button type="submit" class="global_btn global_button sure"></button>
						</div>
					</div>
				</div>
			</form>

			<!--第二部分查看应用系统-->
			<form class="validate_form">
				<div class="modal_html" id="reset">
					<div class="modal_head">
						<span></span>
					</div>
					<div class="modal_body">
						<div class="modal_box">
							<div class="global_table">
							    <div class="head_bj global_btn">
							    </div>
							    <table>
							        <thead>
							            <tr>
							                <th class="text-center">角色名称</th>
							                <th class="text-center">已映射系统</th>
							            </tr>
							        </thead>
							        <tbody>
							            <tr>
							                <td class="text-center">角色1</td>
							                <td class="text-center">系统1；系统2；系统3；</td>
							            </tr>
							            <tr>
							                <td class="text-center">角色2</td>
							                <td class="text-center">系统1；系统2；系统3；</td>
							            </tr>
							        </tbody>
							    </table>
							</div>
						</div>
					</div>
					<div class="modal_footer">
						<div class="modal_btn">
							<button type="button" class="global_button cancel"></button>
							<button type="submit" class="global_btn global_button sure"></button>
						</div>
					</div>
				</div>
			</form>

			<!--第三部分角色授权分配-->
			<form class="validate_form">
				<div class="modal_html" id="distribution">
					<div class="modal_head">
						<span></span>
					</div>
					<div class="modal_body">
						<div class="modal_box">
		                    <div class="form_input">
		                        <p class="input_title"><span>用户名：</span></p>
		                        <p class="validate_box">
		                            <span class="validate_info">用户名</span>
		                            <input type="text" class="global_input" datatype="*"/>
		                        </p>
		                    </div>
		                    <div class="form_input">
		                        <p class="input_title"><span>角色授权：</span></p>
		                        <div class="checkbox_box">
									<div class="checkbox">
										<span>企业类型1</span>
										<input type="checkbox" name="" />系统一
										<input type="checkbox" name="" />系统二
										<input type="checkbox" name="" />系统三
										<input type="checkbox" name="" />系统四
										<input type="checkbox" name="" />系统一
										<input type="checkbox" name="" />系统二
										<input type="checkbox" name="" />系统三
										<input type="checkbox" name="" />系统四
									</div>
									<div class="checkbox">
										<span>企业类型2</span>
										<input type="checkbox" name="" />系统一
										<input type="checkbox" name="" />系统二
										<input type="checkbox" name="" />系统三
										<input type="checkbox" name="" />系统四
									</div>
									<div class="checkbox">
										<span>企业类型3</span>
										<input type="checkbox" name="" />系统一
										<input type="checkbox" name="" />系统二
										<input type="checkbox" name="" />系统三
										<input type="checkbox" name="" />系统四
									</div>
									<div class="checkbox">
										<span>企业类型4</span>
										<input type="checkbox" name="" />系统一
										<input type="checkbox" name="" />系统二
										<input type="checkbox" name="" />系统三
										<input type="checkbox" name="" />系统四
									</div>
		                        </div>
		                    </div>
		                </div>
					</div>
					<div class="modal_footer">
						<div class="modal_btn">
							<button type="button" class="global_button cancel"></button>
							<button type="submit" class="global_btn global_button sure"></button>
						</div>
					</div>
				</div>
			</form>

			<!--第四部分查看用户-->
			<form class="validate_form">
				<div class="modal_html" id="state">
					<div class="modal_head">
						<span></span>
					</div>
					<div class="modal_body">
						<div class="modal_box">
							<div class="global_table">
								<div class="head_bj global_btn">
							    </div>
								<table>
							        <thead>
							            <tr>
							                <th class="text-center">角色名称</th>
							                <th class="text-center">已关联用户</th>
							            </tr>
							        </thead>
							        <tbody>
							            <tr>
							                <td class="text-center">角色1</td>
							                <td class="text-center">用户1；用户2；</td>
							            </tr>
							            <tr>
							                <td class="text-center">角色2</td>
							                <td class="text-center">用户1；用户2；</td>
							            </tr>
							        </tbody>
							    </table>
							</div>
		                </div>
					</div>
					<div class="modal_footer">
						<div class="modal_btn">
							<button type="button" class="global_button cancel"></button>
							<button type="submit" class="global_btn global_button sure"></button>
						</div>
					</div>
				</div>
			</form>

			<!--新增角色-->
			<form class="validate_form">
				<div class="modal_html" id="modal05">
					<div class="modal_head">
						<span></span>
					</div>
					<div class="modal_body">
						<div class="modal_box">

							<div class="form_input">
								<p class="input_title">
									<span>角色名：</span>
								</p>
								<p class="modal_content1_right validate_box">
									<span class="validate_info">角色名</span>
									<input type="text" name="" id="" value="" class="global_input text" datatype="*" />
								</p>
							</div>
							<div class="form_input">
								<p class="input_title">
									<span>备注：</span>
								</p>
								<p class="modal_content1_right validate_box">
									<span class="validate_info">备注</span>
									<textarea class="global_textarea text1" datatype="*"></textarea>
								</p>
							</div>
						</div>

					</div>
					<div class="modal_footer">
						<div class="modal_btn">
							<button type="button" class="global_button cancel"></button>
							<button type="submit" class="global_btn global_button sure"></button>
						</div>
					</div>
				</div>
			</form>
			<!--新增角色-->

			<!--遮罩层-->
			<div class="mask_layer">
			</div>
			<!--模态框部分结束-->
		</div>

	</body>

</html>